Logo

Shady's Blog


Resource Page

This is for anyone who would like to know more about creating their own webstie or blog :)

The first thing youd need is to set up a GitHub account, and then you can use GitHub Pages to host your website for free. You can also use a custom domain name if you have one, or you can use the default GitHub Pages domain. I used Namecheap to purchase my domain name. It was only a couple of dollars.

For the deisgn of the website I, was lucky to have a 5 hour train ride so I had a few hours to brainstorm and sketch out the design of the website. As well as using pintrest, the help of my friends, and tiktok to get some inspo.


Sketch of website design
Sketch for Blog Page
Sketch of website design
Sketch for Music and Book Page
Sketch of website design
Sketch for Home page and Photo Page
Sketch of website design
Sketch #2 for Photo Page

For the visit counter, I used Erica's resource page so I'll just copy and paste here:

  1. Create an account on CounterAPI.
  2. Create a workspace, and create a counter within that workspace.
  3. Add this code to your HTML to update and display the visit counter:
<script>
// Counter is available as a global variable
const counter = new Counter({ workspace: 'your-workspace-slug' });

counter.up('your-counter-slug')
  .then(result => {
    // for debugging purposes
    console.log('Counter result:', result);
    console.log(`Visits: ${result.data.up_count}`);
    // update the counter display
    document.getElementById('counter').textContent = result.data.up_count;
  })
  .catch(err => console.error(err));
</script>